<template>
<div class="menu_box" >
  <Tabbar v-model="active"  active-color="#fff">
  <TabbarItem icon="home-o"  @click="ToPath(home)">首页</TabbarItem>
  <TabbarItem icon="cart-o" :info="this.$store.state.cart"  @click="ToPath(cart)">购物车</TabbarItem>
  <TabbarItem icon="flower-o"  @click="ToPath(flower)">互动</TabbarItem>
  <TabbarItem icon="friends-o" :info="this.$store.state.friends"  @click="ToPath(friends)">我的</TabbarItem>
</Tabbar>
</div>
</template>
<script>

         import { Tabbar, TabbarItem } from 'vant';
export default {
  data(){ 

   return {
     activecolor:"#fff",
bottom:true,
home:"/",
cart:"/cart/",
flower:"/flower",
friends:"/friends",
 key:1,
   active: 0,
    
   }
  },
 components: {
   Tabbar,
   TabbarItem
 },
  beforeCreate:function (){

// 在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。



  },
 created:function (){

 // 在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，el 属性目前尚不可用。
   this.number()
  

  },
  beforeMount:function (){

  },
  methods: {

// 在挂载开始之前被调用：相关的 render 函数首次被调用。
ToPath(Puth){
console.log(Puth)
let user = JSON.parse(localStorage.getItem("user"));

if(Puth==="/cart/"){
   
if(user){
  let id = user.id
    this.ToastFunction(Puth,id)
}else{
      this.$router.push({ path: Puth + "0" });
}
     
     

}else {
 this.$router.push(Puth)
}
   
},
number(){
     let user = JSON.parse(localStorage.getItem("user"));
      if (user.data) {
        
        this.$store.state.cart = user.data.cart;
        this.$store.state.friends = user.data.friends
      }
}



  }

}

</script>

<style lang="scss" scope>
.van-tabbar {
  background-color: #333333;
  height: 1.4rem;
  
  
}

</style>